<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jQuery鼠标点击弹出登录框</title>
    <script type="text/javascript" src="jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="案例一.js"></script>
    <link rel="stylesheet" href="css/1.css"/>
</head>
<body>
<br><br><br><br><br><br><br>
<!-- javascript:void(0);表示点击超链接不会回到顶部 -->
<div class="login-header"><a href="javascript:void(0);">点击，弹出登录框</a></div>
<div class="login-header1"><a href="javascript:void(0);">点击，弹出注册框</a></div>

<!-- 弹出框 -->
<div id="js_login" class="js_login">
    <div class="js_title">
        <ul>
            <li class="conxk1" id="_xka1" onclick="switchTag('_xka','_xka_list',1,2,'conxk1','conxk2');">
                用户登录
            </li>
            <li class="conxk2" id="_xka2" onclick="switchTag('_xka','_xka_list',2,2,'conxk1','conxk2');">
                快速注册
            </li>
        </ul> <span class="close-login">×</span>
    </div>
    <div class="js_content">
        <div class="con_dak fixed clear">
            <div id="_xka_list1" class="showbox">
                <div class="de_list">
                    <!----------login start------>
                    <div id="login">
                        <div class="inputbg" id="logtext">
                            <input name="logusername" id="logusername" type="text" placeholder="输入用户名" class="inputsub" />
                        </div>
                        <div class="inputbg" id="pass">
                            <input name="logpassword" placeholder="输入密码" type="password" id="logpassword" class="inputsub" />
                        </div>
                        <div class="buttons">
                            <input type="button" class="sub_btn1" id="login-submokaoba" onclick="ajaxlogin()" value="登 录" />
                        </div>
                        <div class="clr"></div>
                        <div class="reg">
                            忘记密码？<a href="#">找回密码</a> <span id="errmsg"></span>
                        </div>
                    </div>
                    <!--------login end--------->
                </div>
            </div>

            <div id="_xka_list2" class="hidden">
                <div class="de_list">
                    <!--------register start--------->
                    <form method="post" enctype="multipart/form-data" name="userinfoform" id="userinfoform">
                        <input type="hidden" name="enews" value="register" />
                        <input name="groupid" type="hidden" id="groupid" value="1" />
                        <div id="register">
                            <ul class="Reg-input">
                                <li class="Reg-text">用户名：</li>
                                <li><input name="UserName" id="UserName" type="text" class="input-text" required="" /> <span class="UserName"></span></li>
                            </ul>
                            <ul class="Reg-input">
                                <li class="Reg-text">密码：</li>
                                <li><input name="Password" onblur="CheckReg('Password', this.value)" type="password" id="Password" class="input-text" required="" /> <span class="Password"></span></li>
                            </ul>
                            <ul class="Reg-input">
                                <li class="Reg-text">重复密码：</li>
                                <li><input name="repassword" onblur="CheckReg('repassword',this.value)" type="password" id="repassword" class="input-text" required="" /> <span class="repassword"></span></li>
                            </ul>
                            <ul class="Reg-input">
                                <li class="Reg-text">真实姓名：</li>
                                <li><input name="RealName" onblur="CheckReg('RealName', this.value)" type="text" id="RealName" class="input-text" required="" /> <span class="RealName"></span></li>
                            </ul>
                            <ul class="Reg-input">
                                <li class="Reg-text">手机号码：</li>
                                <li><input name="Telephone" onblur="CheckReg('Telephone', this.value)" type="text" id="Telephone" class="input-text" required="" /> <span class="Telephone"></span></li>
                            </ul>
                            <ul class="Reg-input">
                                <li class="Reg-text">E-mail：</li>
                                <li><input name="Mail" onblur="CheckReg('Mail', this.value)" type="text" id="Mail" class="input-text" required="" /> <span class="Mail"></span></li>
                            </ul>
                            <ul class="Reg-input">
                                <li class="Reg-text"> </li>
                                <li id="checkbox"><input type="checkbox" id="checkin" onclick="checkpass('all')" /> 我已阅读并接受《<a href="#" target="_blank">服务条款</a>》</li>
                            </ul>
                            <div style="clear:both"></div>
                            <div class="buttons">
                                <input type="button" class="sub_btn1" id="Reg-submokaoba" onclick="ajaxzhuce()" name="zhuce" value="注 册" />  <span id="checkreg"></span>
                            </div>
                            <div class="clr"></div>
                        </div>
                    </form>
                    <!--------register end--------->
                </div>
            </div>
        </div>
    </div>
</div>
<div class="login-bg"></div>
</body>
</html>